//创建节点
createDOM();
//box节点下标数组
var arr_index = [];
//判断卡牌是否全部翻转
var sum=0;
//点击次数
var click_frequency=0;
//计时器
var time_s=0;
var time=0;
var time_bool=true;
$(".bg").on("click", function() {



//	点击进行翻拍
	$(this).fadeOut();
//	获取当前点击元素的父元素的下标
	var index = $(this).parent().index();
	console.log(index)
//	当点击的卡牌为一张时
	if(arr_index.length < 2) {
//		在数组中不存在,进行添加
		if(arr_index.indexOf(index) == -1) {
			arr_index.push(index);
			//点击次数+1
			click_frequency++;
			$(".click_frequency").html("点击次数："+click_frequency);
		}
	}
//	判断两张卡牌是否全部翻转
	if(arr_index.length == 2) {
//		判断pic中data_number值是否相同
		if($(".pic").eq(arr_index[0]).attr("data_carnumber") == $(".pic").eq(arr_index[1]).attr("data_carnumber")) {
			arr_index = [];
			sum++;
			console.log(sum)
//			判断游戏是否结束
			if(sum==8){
				setTimeout(function(){
					alert("you win")
					$(".startBtn").css("display","block");
				},500)
			}
		} else { //拉牌不相同，将卡牌延迟0.3s盖回去，清空当前数组
			var timer = setTimeout(function() {
				$(".bg").eq(arr_index[0]).fadeIn();
				$(".bg").eq(arr_index[1]).fadeIn();
				arr_index = [];
			})
		}
	}
//	计时器
if(sum!=8 && time_bool==true){
	time_bool=false;
	time_s=setInterval(function(){
		time++;
		$(".time").html("用时："+time+" s");
		
	},1000)
}
if(sum==8){
	clearInterval(time_s);
	time=0;
	time_bool=true;
	sum=0;
}
	
})
//重新开始按钮

$(".startBtn").on("click",function(){
	$(".bg").fadeIn();
	click_frequency=0;
	$(".click_frequency").html("点击次数："+click_frequency);
	$(".time").html("用时：0 s")
})
//创建节点
function createDOM() {
	//添加0-7八个数字
	var arra = [];
	var arrb = []
	var arr_random = [];
	for(var i = 0; i < 8; i++) {
		arra[i] = i;
		arrb[i] = i;
	}
	//合并数组
	var arr_random = arra.concat(arrb)
	console.log(arr_random)
	//将数组元素随机打乱
	arr_random.sort(function() {
		return 0.5 - Math.random();
	})
	//				动态添加节点
	for(var i = 0; i < arr_random.length; i++) {
		$(".container").append('<div class="box"><img src="../img/' + arr_random[i] + '.jpg" class="pic" data_carNumBer=' + arr_random[i] + ' /><img src="../img/bg.jpg" class="bg" /></div>');
	}
}